<template>
	<view>
		<page-head headTitle="确认订单" :returnButton="true" @clickLeftReturn="clickLeftReturn"></page-head>
		<view class="confirm-mt m-b12">
			<view class="p-l-r3">
				<view class="bg-white orde-top m-t-3 border-r2">
					<view class="flex align-center justify-between p-t3 p-t2 order-lr border-botton3">
						<view class="flex align-center">
							<image src="/static/images/picture.png" alt="" class="order-head-pic"></image>
							<text class="ml-2 fs-3 font-weight">小龙坎水晶城店</text>
						</view>
					</view>
					<product-list></product-list>
					<view class="p-t4 p-b2 flex justify-end">
						<text class="subtotal fs-2"><text class="input-goods m-r1">共1件</text>小计<text class="color-red">￥66.8</text></text>
					</view>
				</view>
			</view>
		</view>
		<view class="fixed fixed-bottom flex bg-white align-center p-t-b3">
			<view class="flex justify-end flex-1 m-r4"><text><text class="input-goods">共1件，</text><text>合计</text><text class="color-red">￥</text><text class="set-size color-red">66.8</text></text></view>
			<button class="cancel-button fs-32 bg-color evaluate m-r4">提交订单</button>
		</view>
	</view>
</template>

<script>
import pageHead from '@/components/common/page-head.vue'
import productList from '@/components/common/product-list.vue'
	export default {
		components:{
			pageHead,
			productList
		},
		data() {
			return {
				
			}
		},
		onLoad() {
			
		},
		methods: {
			clickLeftReturn(){
				uni.navigateBack({
				    delta: 1
				});
			}
			
		}
	}
</script>

<style scoped>
.subtotal{margin-right: 26rpx;}
</style>
